#app {
  width: 100%;
  max-width: 800px;
  min-width: 420px;
  height: 100%;
  padding: 15px;
  margin: 0 auto;
}

.ipt_area {
  width: 100%;
  height: 30%;
  margin-bottom: 15px;
  padding: 15px;

  #text-area {
    box-shadow: 1px 1px 8px 1px black;
    background-color: #fff;
    width: 100%;
    height: 80%;
    padding: 20px;
  }
  button {
    float: right;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.comments_area {
  width: 100%;
  height: 66%;
  padding: 15px;
  border-top: 1px solid #dddddd;
  overflow: scroll;

  .comment {
    width: 100%;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #eeeeee;
    margin-bottom: 1px;

    .usr_space {
        // background-color: red;
        height: 70px;
        position: relative;
        .usr_icon{
            width: 70px;
            height: inherit;
            background-color: #fff;
            overflow: hidden;
            border: 1px solid #dddddd;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .usr_data{
            // background-color: pink;
            height: 100%;
            width: calc( 100% - 80px );
            overflow: hidden;
            .p_time{
                padding-left: 3px;
                color: #666666;
            }
            .p_data{
                height: 37px;
                padding: 5px;
                border: 1px solid #eeeeee;
                overflow: scroll;
            }
        }
        .usr_top{
            height: 20px;
            background-color: white;
            position: absolute;
            top: 0px;
            right: 0px;
            cursor: pointer;

            &:hover{
                color: skyblue;
            }
        }
    }
    .cmt_space {
        background-color: rgba($color: #000000, $alpha: 0.02);
        box-shadow: inset 0px 0px 0px 4px white;
        padding: 4px;
        .p_box{
            padding: 7px;
        }
        .textarea_box{
            // border: 1px solid #eeeeee;
            border: 1px solid rgba($color: #000000, $alpha: 0.02);
            padding:5px;
            textarea{
                background-color: #fff;
                width: 100%;
            }
            .btn_area{
                .btn_sub{
                    margin: 0;
                    font-size: 12px;
                    padding: 5px 10px;
                }
            }
        }
    }
    .btn_space {
        height: 20px;
        .btn_box{
            padding-left: 1em;
            padding-right: 1em;
            margin-left: 1em;
            height: 100%;
            line-height: 20px;
            float: right;
            cursor: pointer;
            p{
                display: inline-block;
                font-size: 16px;
            }
            &:hover{
                color: skyblue;
            }
        }
    }
  }
}
